<!DOCTYPE html>
<html>
<head>
    <title>Barium Examples</title>
    <style>
        body { font-family: sans-serif; padding: 20px; }
        table { border-collapse: collapse; width: 100%; }
        th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
        th { background-color: #f4f4f4; }
        .description { color: #666; }
    </style>
</head>
<body>
    <h1>Barium Examples</h1>
    <table>
        <tr>
            <th>Catagory</th>
            <th>Example</th>
            <th>Snap</th>
            <th>Description</th>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/10GlobeSurfaceTileWithAppearance.html">10GlobeSurfaceTileWithAppearance</a></td>
            <td><img src="./Apps/imgs/exampleImages/10GlobeSurfaceTileWithAppearance.jpg" style="width:200px"/></td>
            <td class="description">本示例加载一个非常简单的RectangleGeometry到地球上。</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/11circleGeometry.html">11circleGeometry</a></td>
            <td><img src="./Apps/imgs/exampleImages/11circleGeometry.jpg" style="width:200px"/></td>
            <td class="description">本示例加载一个非常简单的CircleGeometry到地球上。</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/11LabelPrimitiveOfWorld.html">11LabelPrimitiveOfWorld</a></td>
            <td><img src="./Apps/imgs/exampleImages/11LabelPrimitiveOfWorld.png" style="width:200px"/></td>
            <td class="description">本示例可以看地球的文字</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/11PolygonPrimitiveOfWorld.html">11PolygonPrimitiveOfWorld</a></td>
            <td><img src="./Apps/imgs/exampleImages/11PolygonPrimitiveOfWorld.jpg" style="width:200px"/></td>
            <td class="description">本示例对多边形进行拉伸，看看有没有效果。</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/11PolylinePrimitiveOfWorld.html">11PolylinePrimitiveOfWorld</a></td>
            <td><img src="./Apps/imgs/exampleImages/11PolylinePrimitiveOfWorld.jpg" style="width:200px"/></td>
            <td class="description">本示例可以看地球的线段</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/11RectanglePrimitiveOfWorld.html">11RectanglePrimitiveOfWorld</a></td>
            <td><img src="./Apps/imgs/exampleImages/11RectanglePrimitiveOfWorld.jpg" style="width:200px"/></td>
            <td class="description">本示例可以看地球的矩形</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/12.3DTilesLoader.html">12.3DTilesLoader</a></td>
            <td><img src="./Apps/imgs/exampleImages/12.3DTilesLoader.jpg" style="width:200px"/></td>
            <td class="description">本示例固定加载一个3D Tiles</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/13Pick.html">13Pick</a></td>
            <td><img src="./Apps/imgs/exampleImages/13Pick.jpg" style="width:200px"/></td>
            <td class="description">本示例可以看地球的矩形，方便后面的拣选</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/13PickWithAlpha.html">13PickWithAlpha</a></td>
            <td><img src="./Apps/imgs/exampleImages/13PickWithAlpha.jpg" style="width:200px"/></td>
            <td class="description">本示例可以看地球的矩形，方便后面的拣选。这个拣选是针对透明的对象，需要多次渲染的</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/15TerrainCameraView.html">15TerrainCameraView</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/16WorldJidi.html">16WorldJidi</a></td>
            <td></td>
            <td class="description">本示例飞到北极，看看这里瓦片的问题</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/17.3DTilesLoaderWithDracoKtx.html">17.3DTilesLoaderWithDracoKtx</a></td>
            <td></td>
            <td class="description">本示例固定加载一个3D Tiles</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/17bediuCell.html">17bediuCell</a></td>
            <td></td>
            <td class="description">本示例显示一个基础的北斗网格</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/17ClippingGlobe.html">17ClippingGlobe</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/18ClippingPolygonTerrain.html">18ClippingPolygonTerrain</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/18FeatureLayer.html">18FeatureLayer</a></td>
            <td></td>
            <td class="description">本示例创建一个图层，然后把数据存储到这个图层中</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/19bedouCellsOfView.html">19bedouCellsOfView</a></td>
            <td></td>
            <td class="description">本示例动态查询视野内有哪些北斗的网格对象</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/20agmCircleWithTexture.html">20agmCircleWithTexture</a></td>
            <td><img src="./Apps/imgs/exampleImages/20agmCircleWithTexture.jpg" style="width:200px"/></td>
            <td class="description">本示例尝试三角形，采用Agm格式，带贴图材质，贴地</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/20LayerTree.html">20LayerTree</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/20LowAltitudeFlight.html">20LowAltitudeFlight</a></td>
            <td></td>
            <td class="description">低空飞行的演示</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/21MapFullView.html">21MapFullView</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/22PickAddPoint.html">22PickAddPoint</a></td>
            <td><img src="./Apps/imgs/exampleImages/22PickAddPoint.jpg" style="width:200px"/></td>
            <td class="description">可以通过左键点击，添加点。本示例采用的是底层的实现逻辑</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/23GltfTest.html">23GltfTest</a></td>
            <td><img src="./Apps/imgs/exampleImages/23GltfTest.jpg" style="width:200px"/></td>
            <td class="description">gltf加载测试。这个飞机是不动的</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/24Billboard.html">24Billboard</a></td>
            <td><img src="./Apps/imgs/exampleImages/24Billboard.jpg" style="width:200px"/></td>
            <td class="description">billboard测试</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/25Ag3DTilesLayer.html">25Ag3DTilesLayer</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/25AgS3MLayer.html">25AgS3MLayer</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/25GlobeLayerTree.html">25GlobeLayerTree</a></td>
            <td></td>
            <td class="description">本示例</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/26CustomShader.html">26CustomShader</a></td>
            <td><img src="./Apps/imgs/exampleImages/26CustomShader.png" style="width:200px"/></td>
            <td class="description">本示例测试customShader,本示例让模型变白了</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/27PickAttribute.html">27PickAttribute</a></td>
            <td></td>
            <td class="description">拣选属性测试</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/27PickAttributeShowOnTable.html">27PickAttributeShowOnTable</a></td>
            <td><img src="./Apps/imgs/exampleImages/27PickAttributeShowOnTable.jpg" style="width:200px"/></td>
            <td class="description">拣选属性测试</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/27TileSetClipping.html">27TileSetClipping</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/28SliceTool.html">28SliceTool</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/28Water.html">28Water</a></td>
            <td><img src="./Apps/imgs/exampleImages/28Water.jpg" style="width:200px"/></td>
            <td class="description">水面效果</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/28Weather.html">28Weather</a></td>
            <td></td>
            <td class="description">本示例演示天气效果</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/29ArcLine.html">29ArcLine</a></td>
            <td></td>
            <td class="description">添加弧线，左键单击添加起点和终点，添加添加弧线即可绘制</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/29TransplateTop.html">29TransplateTop</a></td>
            <td><img src="./Apps/imgs/exampleImages/29TransplateTop.jpg" style="width:200px"/></td>
            <td class="description">模型顶部不透明的效果</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/30DrawSimpleEntity.html">30DrawSimpleEntity</a></td>
            <td></td>
            <td class="description">本示例演示绘制效果</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/30ProfileAnalysis.html">30ProfileAnalysis</a></td>
            <td><img src="./Apps/imgs/exampleImages/30ProfileAnalysis.jpg" style="width:200px"/></td>
            <td class="description">本示例演示地形剖面分析，左键点击画线进行分析，右键清除</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/31PickHeightLight.html">31PickHeightLight</a></td>
            <td><img src="./Apps/imgs/exampleImages/31PickHeightLight.jpg" style="width:200px"/></td>
            <td class="description">点击高亮模型</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/32TilesetStyle.html">32TilesetStyle</a></td>
            <td></td>
            <td class="description">后处理的色彩简化处理</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/33Sky.html">33Sky</a></td>
            <td></td>
            <td class="description">天空</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/34.GradientPolygon.html">34.GradientPolygon</a></td>
            <td><img src="./Apps/imgs/exampleImages/34.GradientPolygon.jpg" style="width:200px"/></td>
            <td class="description">本示例演示渐变多边形</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/35DrawGridOnPoint.html">35DrawGridOnPoint</a></td>
            <td></td>
            <td class="description">本示例演示悬停在点上出现的网格效果</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/35TilesetEdgeDetection.html">35TilesetEdgeDetection</a></td>
            <td></td>
            <td class="description">3dtiles要素描边</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/36GradientPolyline.html">36GradientPolyline</a></td>
            <td></td>
            <td class="description">本示例演示渐变多段线</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/37GradientGrid.html">37GradientGrid</a></td>
            <td></td>
            <td class="description">本示例演示渐变网格</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/38PointsShowGradientGrid.html">38PointsShowGradientGrid</a></td>
            <td></td>
            <td class="description">本示例演示鼠标移到点上显示渐变网格的机制</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/39DrawBezier.html">39DrawBezier</a></td>
            <td></td>
            <td class="description">添加贝塞尔曲线，左键单击添加端点，大于等于三个点才能绘制</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/40ModelBalanceOfColor.html">40ModelBalanceOfColor</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/41CommandPolyline.html">41CommandPolyline</a></td>
            <td><img src="./Apps/imgs/exampleImages/41CommandPolyline.jpg" style="width:200px"/></td>
            <td class="description">本示例可以看地球的线段</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/43LineFlickerMaterial.html">43LineFlickerMaterial</a></td>
            <td></td>
            <td class="description">本示例通过演示闪烁线效果</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/44FlashBillbord.html">44FlashBillbord</a></td>
            <td></td>
            <td class="description">本示例演示闪烁广告牌效果</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/45ImageLabel.html">45ImageLabel</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/46GradientCircleWall.html">46GradientCircleWall</a></td>
            <td></td>
            <td class="description">本示例演示渐变圆墙效果</td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/46MapBoxLayer.html">46MapBoxLayer</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/51AgI3SLayer.html">51AgI3SLayer</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/52AgGeosceneTileLayer.html">52AgGeosceneTileLayer</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/AgCIMBarium.html">AgCIMBarium</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/AgCIMBariumUI.html">AgCIMBariumUI</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/AgCIMBariumVUE3.html">AgCIMBariumVUE3</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/CameraFlyTo.html">CameraFlyTo</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/CubeWithTextureByDrawCommand.html">CubeWithTextureByDrawCommand</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/globalTerrain.html">globalTerrain</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/HelloWorld.html">HelloWorld</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/loadGltfModel.html">loadGltfModel</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/polygonGeometry.html">polygonGeometry</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/rectangleGeomtryTask.html">rectangleGeomtryTask</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/simpleTextureByDrawCommand.html">simpleTextureByDrawCommand</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/simpleTriangleByDrawCommand.html">simpleTriangleByDrawCommand</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/simpleWebGLExample.html">simpleWebGLExample</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>默认</td>
            <td><a href="Apps/viewRotate.html">viewRotate</a></td>
            <td></td>
            <td class="description"></td>
        </tr>
        <tr>
            <td>数据加载</td>
            <td><a href="Apps/14ModelPrimitiveOfWorld.html">14ModelPrimitiveOfWorld</a></td>
            <td><img src="./Apps/imgs/exampleImages/14ModelPrimitiveOfWorld.jpg" style="width:200px"/></td>
            <td class="description">本示例尝试利用View.Entity加载glTF模型</td>
        </tr>
        <tr>
            <td>数据加载</td>
            <td><a href="Apps/14PrimitiveBox.html">14PrimitiveBox</a></td>
            <td><img src="./Apps/imgs/exampleImages/14PrimitiveBox.jpg" style="width:200px"/></td>
            <td class="description">本示例加载BOX模型</td>
        </tr>
        <tr>
            <td>数据加载</td>
            <td><a href="Apps/20agms.html">20agms</a></td>
            <td><img src="./Apps/imgs/exampleImages/20agms.jpg" style="width:200px"/></td>
            <td class="description">本示例加载一个非常简单的agm数据</td>
        </tr>
        <tr>
            <td>数据加载</td>
            <td><a href="Apps/20_1_agmType.html">20_1_agmType</a></td>
            <td><img src="./Apps/imgs/exampleImages/20_1agmSymbols.png" style="width:200px"/></td>
            <td class="description">本示例加载带有样式的agm数据</td>
        </tr>
        <tr>
            <td>数据加载</td>
            <td><a href="Apps/43POIShow.html">43POIShow</a></td>
            <td><img src="./Apps/imgs/exampleImages/43POIShow.jpg" style="width:200px"/></td>
            <td class="description">本示例展示poi数据</td>
        </tr>
        <tr>
            <td>数据加载</td>
            <td><a href="Apps/47GeoJsonLoaderAndPointDirection.html">47GeoJsonLoaderAndPointDirection</a></td>
            <td><img src="./Apps/imgs/exampleImages/47GeoJsonLoaderAndPointDirection.jpg" style="width:200px"/></td>
            <td class="description">本示例通过GeoJsonLoader加载GeoJson数据，并得到插值点</td>
        </tr>
        <tr>
            <td>数据加载</td>
            <td><a href="Apps/48TrialLinkWall.html">48TrialLinkWall</a></td>
            <td><img src="./Apps/imgs/exampleImages/48TrialLinkWall.jpg" style="width:200px"/></td>
            <td class="description">本示例演示电子围栏效果</td>
        </tr>
        <tr>
            <td>数据加载</td>
            <td><a href="Apps/49FlickerCylinder.html">49FlickerCylinder</a></td>
            <td><img src="./Apps/imgs/exampleImages/49FlickerCylinder.jpg" style="width:200px"/></td>
            <td class="description">本示例演示高亮闪烁效果</td>
        </tr>
        <tr>
            <td>数据加载</td>
            <td><a href="Apps/49TextureLabelBackground.html">49TextureLabelBackground</a></td>
            <td><img src="./Apps/imgs/exampleImages/49TextureLabelBackground.png" style="width:200px"/></td>
            <td class="description">本示例加载wfs点服务，并设置样式展示文本内容，并且文本的背景框使用圆角背景框</td>
        </tr>
        <tr>
            <td>图层加载</td>
            <td><a href="Apps/42AgWFSLayer.html">42AgWFSLayer</a></td>
            <td><img src="./Apps/imgs/exampleImages/20agms.jpg" style="width:200px"/></td>
            <td class="description">本示例通过AgWFSLayer加载WFS服务</td>
        </tr>
        <tr>
            <td>图层加载</td>
            <td><a href="Apps/51AgWaterLayer.html">51AgWaterLayer</a></td>
            <td><img src="./Apps/imgs/exampleImages/51AgWater.jpg" style="width:200px"/></td>
            <td class="description">本示例展示水域数据效果</td>
        </tr>
        <tr>
            <td>图层加载</td>
            <td><a href="Apps/53DynamicWFSLayer.html">53DynamicWFSLayer</a></td>
            <td></td>
            <td class="description">本示例通过AgDynamicWFSLayer加载WFS服务</td>
        </tr>
        <tr>
            <td>图层加载</td>
            <td><a href="Apps/54AgTileWMSLayer.html">54AgTileWMSLayer</a></td>
            <td></td>
            <td class="description">本示例通过AgDynamicWFSLayer加载WFS服务</td>
        </tr>
        <tr>
            <td>图层加载</td>
            <td><a href="Apps/55AgImageWMSLayer.html">55AgImageWMSLayer</a></td>
            <td></td>
            <td class="description">本示例通过AgDynamicWMSLayer加载WMS服务</td>
        </tr>
        <tr>
            <td>pbr效果展示</td>
            <td><a href="Apps/50PBRShow.html">50PBRShow</a></td>
            <td><img src="./Apps/imgs/exampleImages/50PBRShow.png" style="width:200px"/></td>
            <td class="description">本示例测试pbr效果</td>
        </tr>
    </table>
</body>
</html>